<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: "app",
		mounted() {

		},
		methods: {

		},
	};
</script>

<style>
	* {
		margin: 0;
	}

	.container {
		height: calc(100vh - 100px);
	}

	.main-box {
		background-color: #fff;
	}

	.base-shadow {
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
	}

	.text-center {
		text-align: center;
	}

	.box-center{
		margin: 0 auto;
	}

	.title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.text-size-small {
		font-size: 12px;
	}

	.text-info {
		color: #909399;
	}

	.pad {
		padding: 10px 20px;
	}

	.ques-mask {
		height: calc(100% - 55px);
		width: 100%;
		position: absolute;
		background-color: transparent;
		z-index: 2;
	}

	.ques-box-button{
		height: 55px;
	}

	.ques-outer {
		position: relative;
	}

	.second-box{
		margin-top: 20px;
	}
	.button-group-emit {
        margin: 0 auto;
        width: 100px;
    }

	.normal-color{
		color: #409EFF;
	}

	.info-color{
		color: #909399;
	}

	.flr{
		float: right;
	}

	.fll{
		float: left;
	}

	.edit-ques-index {
        margin: 0px 10px;
        font-size: 22px;
    }

    .edit-ques-options {
        padding: 20px 20px 0px 20px;
    }
</style>